<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 第三种 外联式  封装之后用的多 -->
     <script src="./JS index.js "></script>
</head>
<body>
    <!-- 第一种写法  不推荐  可读性差容易出错-->
    <button onclick="alert(第一种方式)">按钮</button>
    <!-- 第二种方法 -->

    <!-- 页内js  写在代码的最后 -->
     <script>
        // 
        输出语句 用来提示用户 或测试看结果
        console.log(document.querySelector('button'));
        console.log(a)


        // 单行注释ctrl+/
        /* 多行注释alt+shift+a
        
        
        */
     </script>
</body>
</html>